<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.d1{
				height: 600px;
				width: 600px;
				border-style:ridge;
				border-color: red;
				/*border-width: 20px;*/
				/*border-width: 20px 40px 50px 160px;*/
				border-width: 20px 40px 80px;
				/*border-left-style: dashed;*/
				border-radius: 55px;
				background-color: #8A2BE2;
				/*padding: 600px;*/
			}
			#d3{
				box-sizing: border-box;
				padding: 100px;
			} 
			/*#d1 img{
				margin-left: 50px;
				margin-top: 134px;
			}*/
			
		</style>
	</head>
	<body>
		<div class="d1">
			<!--
            	pic:500*332
            -->
			<img src="../img/dog2.jpg" />
		</div>
		<div id="d3" class="d1">
			<!--
            	pic:500*332
            -->
			<img src="../img/dog2.jpg" />
		</div>
	</body>
</html>
